<template>
  <div>
    <div id="app">
      <el-row class="tac">
        <el-col :span="19">
          <!-- <h5>功能表</h5> -->
          <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            @select="handleSelect"
            router
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b">

           <el-menu-item index="/home/function1">
                <img src="/../static/icon/zhuzhuangtutubiao.png" alt="图片错误" style="max-width: 10%;">            
                <span slot="title">分区热度柱状图</span>
            </el-menu-item>

            <el-menu-item index="/home/function2">   
                <img src="/../static/icon/tubiaozhexiantu.png" alt="图片错误" style="max-width: 10%;">             
                <span slot="title">总热度折线图</span>
            </el-menu-item>
            <el-menu-item index="/home/function3">  
                <img src="/../static/icon/huabanfuben.png" alt="图片错误" style="max-width: 10%;">                 
                <span slot="title">总热度的走向趋势预测</span>
            </el-menu-item>
            <el-menu-item index="/home/function4">       
                <img src="/../static/icon/zhuzhuangtutubiao.png" alt="图片错误" style="max-width: 10%;">          
                <span slot="title">主播开播数量柱状图</span>
            </el-menu-item>
            <el-menu-item index="/home/function5">
                <img src="/../static/icon/tubiaozhexiantu.png" alt="图片错误" style="max-width: 10%;">                   
                <span slot="title">24小时全平台开播主播数</span>
            </el-menu-item>
            <el-menu-item index="/home/function6">    
                <img src="/../static/icon/huabanfuben.png" alt="图片错误" style="max-width: 10%;">               
                <span slot="title">主播开播数量走向预测</span>
            </el-menu-item>

            <el-submenu index="function7">   
                <template slot="title">
                    <img src="/../static/icon/ciyun.png" alt="图片错误" style="max-width: 10%;">         
                    <span>词云展示</span>
                </template>
                <el-menu-item index="/home/area/areaWordCloud">各分区游戏词云</el-menu-item>
                <!-- 下面已弃用 -->
                <!-- <el-submenu index="area">
                    <template slot="title">分区游戏词云</template>
                    <el-menu-item index="/home/area/onlineGame">网游区游戏词云</el-menu-item>
                    <el-menu-item index="/home/area/singleGame">单机游戏区词云</el-menu-item>
                    <el-menu-item index="/home/area/funGame">娱乐天地区词云</el-menu-item>
                    <el-menu-item index="/home/area/mobileGame">手游区词云</el-menu-item>
                </el-submenu>   -->
                <el-menu-item index="/home/anchor/anchorWordCloud">各分区主播词云</el-menu-item>
                <!-- 下面这个已弃用 -->
                <!-- <el-submenu index="anchor">
                    <template slot="title">分区主播词云</template>
                    <el-menu-item index="/home/anchor/onlineGame">网游区主播词云</el-menu-item>
                    <el-menu-item index="/home/anchor/singleGame">单机区主播词云</el-menu-item>
                    <el-menu-item index="/home/anchor/funGame">娱乐天地区主播词云</el-menu-item>
                    <el-menu-item index="/home/anchor/mobileGame">手游区主播词云</el-menu-item>
                </el-submenu>                                 -->
                <el-menu-item index="/home/function9">全平台游戏热度词云</el-menu-item>
                <el-menu-item index="/home/function10">全平台主播词云</el-menu-item>
            </el-submenu>          

            <el-menu-item index="/home/function11">   
                <img src="/../static/icon/yingxionglianmeng.png" alt="图片错误" style="max-width: 10%;">               
                <span slot="title">英雄使用情况页</span>
            </el-menu-item>
            <el-menu-item index="/home/function12">     
                <img src="/../static/icon/caozuo_languang.png" alt="图片错误" style="max-width: 10%;">             
                <span slot="title">蓝光使用情况页</span>
            </el-menu-item>            
            <el-submenu index="function13">   
                <template slot="title">      
                    <img src="/../static/icon/rank.png" alt="图片错误" style="max-width: 10%;">          
                    <span slot="title">贡献粉丝榜</span>
                </template>                             
                <el-menu-item index="/home/function13">Top10主播的前50周贡献榜</el-menu-item>
                <el-menu-item index="/home/function14">贡献榜前50平均消费能力</el-menu-item>
                <el-menu-item index="/home/function15">Top10主播的前50粉丝榜</el-menu-item>
            </el-submenu>   
            <el-menu-item index="/home/function16">
                <img src="/../static/icon/huabanfuben.png" alt="图片错误" style="max-width: 10%;">                 
                <span slot="title">主播开播变化页</span>
            </el-menu-item>
            <el-submenu index="function17">   
                <template slot="title">             
                    <img src="/../static/icon/bisaihuodong.png" alt="图片错误" style="max-width: 10%;">  
                    <span slot="title">比赛信息模块</span>
                </template>                             
                <el-menu-item index="/home/function17">近期虎牙比赛</el-menu-item>
                <el-menu-item index="/home/function18">比赛时间比例</el-menu-item>
            </el-submenu> 
            <el-submenu index="function19">   
                <template slot="title">      
                    <img src="/../static/icon/shipin.png" alt="图片错误" style="max-width: 10%;">  
                    <span slot="title">虎牙视频模块</span>
                </template>                             
                <el-menu-item index="/home/function19">虎牙视频总排行榜</el-menu-item>
                <el-menu-item index="/home/function20">虎牙视频各类视频综合评分</el-menu-item>
            </el-submenu>             


            </el-menu>
        </el-col>
      </el-row>
    </div>
  </div>
</template>
<script >
export default {
  data() {
    return {};
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  },
};
</script>
<style>
.app {
  margin: 0;
  padding: 0;
}
.tac {
  text-align: left;
}
</style>
